<template>
  <div >
    <span v-if="value >0 " style="color: #d60a22 ; font-weight: bold">  {{value.toFixed(2)}} </span>
    <span v-else-if="value < 0 " style="color:#037b66 ; font-weight: bold">  {{value.toFixed(2)}} </span>
    <span v-else-if="value == 0 " style="color:#ddd ;font-weight: bold">  {{value.toFixed(2)}} </span>
  </div>
</template>

<script>
export default {
  name: "NumberColumn" ,
  props:{
    value: undefined
  }
}
</script>

<style scoped>

</style>
